body {
	font-family:Tahoma, Geneva, sans-serif;
	font-size:12px;
	background: #FFF;
	margin: 0;
	padding: 0;
	color: #000;
}

/* ~~ Element/tag selectors ~~ */
ul, ol, dl { 
	padding: -10px;
	margin: -10px;
	list-style:none;	
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 
	padding-right: 15px;
	padding-left: 15px;
}

a image { 
	border: none;
}

a:link {
	color: #42413C;
	text-decoration: none; 
}
a:visited {
	color: #6E6C64;
	text-decoration: none;
}
a:hover, a:active, a:focus{ 
	text-decoration: none;
}

.small{
	color: #42413C;
	font-size: 11px;
	text-decoration: none; 
}

/* ~~this fixed width container surrounds the other divs~~ */
.wrapper {
	width: 960px;
	background: #FFF;
	margin: 0 auto;
}
/* HEADER */
#Head
{
	height: 212px;
	width: 960px;
	background: url("../image/bac_logo.gif") top left repeat-x;
}

#Head_left
{
	height: 212px;
	width: 300px;
	float: left;
}

#Leaf_top
{
	background: url("../image/leaf.gif") top left no-repeat;
	height: 161px;
	width: 300px;
	float: left;
}

#Leaf_bottom
{
	background: url("../image/leaf2.gif") top left no-repeat;
	height: 51px;
	float: left;
	width: 300px;
}

#Leaf_bottom a
{
	color: #6b9c22;
	text-decoration: none;
	font-weight: bold;
	line-height: 58px;
	font-size: 11px;
}


#Leaf_bottom a:hover
{
	text-decoration: underline;
}

.registration
{
	text-indent: 12px;
}

*>.registration
{
    margin-left: 12px;
}

.log-in
{
    margin-left: 40px;
}

*>.log-in
{
    margin-left: 52px;
}

#Head_right
{
	height: 212px;
	width: 660px;
	float: right;
	clear: right;
}

#Logo
{
	height: 161px;
	width: 660px;
}

#Name
{
    background: url("../image/logo.gif") top left no-repeat;
    background-position: 54px 50px;
    font-size: 34px;
  	padding-top: 48px;
    padding-left: 100px;
    color: #989d9e;
}

.blue
{
	color: #0e88af;
}

#Informations
{
    font-size: 15px;
    padding-left: 92px;
    color: #989d9e;
}

#Top_menu
{
	height: 51px;
	width: 660px;
	background: url("../image/bac_button.gif") top left repeat-x;
}

#Top_menu a
{
	width: 110px;
	height: 51px;
	float: right;
	color: #0e88af;
	text-decoration: none;
	font-weight: bold;
	padding-top: 20px;
	text-indent: 38px;
}

#Top_menu a:hover
{
	text-decoration: underline;	
}

#Top_menu .home
{
    background: url("../image/home.jpg") top left no-repeat;
}

#Top_menu .product
{
    background: url("../image/help.jpg") top left no-repeat;
	width:120px;	
}
#Top_menu .old-product
{
    background: url("../image/orders.jpg") top left no-repeat;
	width:150px;
}

#Top_menu .hot-product
{
    background: url("../image/kart.jpg") top left no-repeat;
	width:150px;	
}

#Top_menu .contact
{
    background: url("../image/contact.jpg") top left no-repeat;
}

/*menu trái*/
#LeftPart
{
	width: 215px;
	background-color: #fbfdfe;
	margin-top: -12px;
	float: left;
}

*>#LeftPart
{
    margin-top: 8px;
}

#Menu
{
    width: 192px;
    float: left;
	background:#FBFDFE;
}

#Menu_header
{
    width: 192px;
    height: 31px;
}

.menu_header_right
{
    background: url(../image/ornament_menu.gif) top left no-repeat;
	height: 31px;
	width: 46px;
	float: right;
}

.menu_header_left
{
	background: url(../image/bac_menu.gif) top left repeat-x;
	width: 146px;
	float: left;
	height: 31px;
}

.menu_text
{
	color: #0e88af;
	font-weight: bold;
	line-height: 31px;
	padding-left: 5px;
	font-size:12px;
}

#Menu_content
{
	float: left;
	width: 182px;
	padding: 5px;
}

#Menu_content a:hover
{
    text-decoration: underline;
    color: #0e88af;
}

.menu_item
{
	color: #8d9395;
	text-decoration: none;
	padding-left: 20px;
	background: url(../image/arrow.gif) top left no-repeat;
	margin-left: 6px;
	line-height: 18px;
}

.menu_item2
{
	color: #8d9395;
	text-decoration: none;
	padding-left: 50px;
	font-size: 11px;
}

.content {
	padding: 10px 0;
	width: 960px;	
	overflow:hidden;
	
}
	.content .left{
		float: left;
		display: inline;
		width: 763px;
		overflow:hidden;		
	}
		.content .left .danhmuc-sanpham{
			float: left;
			display: inline;
			width: 192px;					
		}
		.content .left .primary-content{
	float: right;
	display: inline;
	width: 551px;
	background:#FFFFFF;
	margin-left: 5px;
	margin-right: 5px;
	padding: 4px;
	border: 1px solid #A5D7E9;
		}
	.content .sidebar{
		float: right;
		display: inline;
		width: 192px;
		background: #FFF;
		padding-bottom: 10px;
		margin-left: 5px;		
	}
/* ~~ This grouped selector gives the lists in the .content area space ~~ */
.content ul, .content ol { 
	padding: 0 15px 15px 40px; 
}

/* ~~ The footer ~~ */
.footer {
	padding: 10px 0;
	background: #F9FcFD;
	clear: both;
	font-size:10px;
	color:#333333;
}

/*~~ ds câu hỏi chờ giải đáp~~*/
#hor-zebra
{	
	margin: auto;	
	text-align: left;
	border-collapse: collapse;
}

#hor-zebra td
{
	padding: 8px;	
}
#hor-zebra .odd
{
	background: #F3F7E6; 
}


/*~~item - right~~*/
.boxWrapper{
	margin-bottom: 10px;
}
.box{
	background-color: #FFFFFF;
	border: 2px solid #DCF5FE;
	overflow: hidden;
	padding: 4px;
	width: 180px;
}
.boxContent{
	
}
.boxTitle{
	background-color: #C2E9F8;
	background-position: center bottom;
	background-repeat: no-repeat;
	padding: 5px;
	color: #0e88af;
	font-weight:bold;
	font-size: 13px;
}
.boxContentMain{
	padding: 4px;
	padding-left: 10px;
}

/*~~ link-1 ~~*/
.link-1 {
	 color: #006699;
	 text-decoration: none;
	 font-size: 16px;
	 font-weight:bold;
}

.link-1 a{
	 color: #006699;
	 text-decoration: none;
	 font-size: 16px;
	 font-weight:bold;
}
	.link-1 a:hover, link-1 a:active, link-1 a:focus{
	 color: #006699;
	 text-decoration:underline;
	 font-weight:bold;
}

/*~~ link-2 ~~*/
.link-2{
	 color: #006699;
	 text-decoration: none;
	 font-size: 14px;
}

.link-2 a{
	 color: #006699;
	 text-decoration: none;
	 font-size: 14px;
}
	.link-2 a:hover, link-2 a:active, link-2 a:focus{
	 color: #006699;
	 text-decoration: none;	 
	 font-weight: bold;
}

/*~~ link-1 ~~*/
.link-3 {
	 color: #006699;
	 text-decoration: none;
	 font-size: 12px;
}
.link-3 a{
	 color: #006699;
	 text-decoration: none;
	 font-size: 12px;
}
	.link-3 a:hover, link-3 a:active, link-3 a:focus{
	 color: #006699;
	 text-decoration: underline;	 
}

/*~~danh sách sản phẩm ở trang chủ~~*/
.list-product-wrapper{
	margin: 5px;
	width: 123px;
	float: left;
	height: 180px;	
}
.list-product{
	background-color: #FFFFFF;
    border: 0px solid #E8E8E8;
    overflow: hidden;    
}
.list-product-content{
	display:block;
	overflow:hidden;
}
.list-product-image{	
	background-position: center top;
	background-repeat: no-repeat;
	padding: 5px;	
	float: left;	
	width: 113px;
}
	.list-product-image img{
		 border: 1px solid #CCC;
		 width: 96px;
		 height: 96px;
	}
.list-product-info{
	padding: 5px;	
	width: 113px;
}
	.list-product-info .name
	{
		/*color:#585858;*/
		color: #1b57A3;
		font-size: 11px;
		/*font-weight: bold;*/
		line-height: 1.2 em;
		text-decoration: none;
		text-transform: uppercase;
		padding: 5px;
	}
		.list-product-info .name a:link, a:visited
		{			
			color: #1b57A3;			
			text-decoration: none;			
		}
			.list-product-info .name a:hover
			{				
				text-decoration: underline;			
			}
	
	.list-product-info .price{
		color: #990000;		
		/*font-weight: bold;	*/	
		text-decoration: none;
		text-transform: uppercase;
	}
	
	.list-product-info .score{
		color: #F47E24;		
		/*font-weight: bold;*/	
		text-transform: uppercase;
	}
	
	.list-product-info .number-product{
		color: #6D9C22;		
		/*font-weight: bold;*/
		line-height: 11px;		
		text-transform: uppercase;
	}
	
	.list-product-info .info-line{
		color: #a6acae;
		font-size: 11px;
		font-weight: normal;
		line-height: 11px;
		padding: 3px;
		text-decoration: none;		
	}

.list-product-footer
{
	border-bottom: 2px solid #E8E8E8;
	margin-top: 5px;
}


/*~~Chi tiết sản phẩm~~*/
.productWrapper{
	margin-bottom: 5px;	
	width: 551px;
}
.product{
	background-color: #FFFFFF;
    border: 0px solid #E8E8E8;
    overflow: hidden;
    padding: 0px;   
}
.productContent{
	display:block;
	overflow:hidden;
}
.productImage{
	background-color: #FFF;
	background-position: center top;
	background-repeat: no-repeat;
	padding: 5px;
	color: #252525;
	font-weight:bold;
	font-size: 13px;
	float: left;
	width: 190px;
	display: inline;
}
	.productImage img{
		border:1px #CCC solid;
	}
	.productImage .Time
	{
		padding: 5px;
		background:#FFF;
		float: left;
		width: 190px;
		display: inline;
		text-align:center;
	}
	.TimeNumber{
		color:#F30;
		font-size:16px;
		font-weight:bold;
		line-height: 20px;
		padding: 3px;
	}
.productInfo
{
	padding: 10px;
	background:#FFF;
	float: right;
	width: 316px;
	display: inline;
}
	.productInfo .name
	{
		/*color:#585858;*/
		/*color: #6D9C22;*/
		color:#1b57A3;
		font-size: 16px;
		font-weight: bolder;
		line-height: 2 em;
		text-decoration: none;
		text-transform: uppercase;
		padding: 10px 5px;
	}
			.productInfo .name a:link, a:visited{
				/*color:#585858;*/
				/*color: #6D9C22;*/
				color:#1b57A3;				
				text-decoration: none;				
			}
				.productInfo .name a:hover
				{				
					text-decoration: underline;	
				}
	
	.productInfo .price{
		color: #990000;		
		font-weight: bold;				
		text-transform: uppercase;
	}
	
	.productInfo .score{
		color: #F47E24;		
		font-weight: bold;		
	}
	.productInfo .number-product{
		color: #6D9C22;		
		font-weight: bold;		
		text-transform: uppercase;
	}
	
	.productInfo .info-line{
		color: #a6acae;
		font-size: 14px;
		font-weight: normal;
		line-height: 14px;		
		text-decoration: none;
		padding: 5px;
	}
.productFooter
{
	border-bottom: 2px solid #E8E8E8;
	margin-top: 5px;
}


/*~~group product~~*/
.group-product
{
    width: 551px;
    float: left;
	background:#FBFDFE;
	margin-bottom: 5px;
}

.header-group-product
{
    width: 551px;
    height: 31px;
}

.group-product_header_right
{
    background: url(../image/ornament_menu.gif) top left no-repeat;
	height: 31px;
	width: 46px;
	float: right;
}

.group-product_header_left
{
	background: url(../image/bac_menu.gif) top left repeat-x;
	width: 505px;
	float: left;
	height: 31px;
}

.group-product_text
{
	color: #0e88af;
	font-weight: bold;
	line-height: 31px;
	padding-left: 13px;
	font-size: 14px;
}

.group-content{
	float: left;
	width: 541px;
	padding: 5px;
}

/*~~xem chi tiết~~*/
.more-detail{
	color: #0e88af;
	line-height: 31px;
	float:right;
}

	.more-detail a:link, a:visited{
		color: #0e88af;			
		text-decoration:none;
	}
	.more-detail a:hover{
		text-decoration:none;
	}


/*~~ danh sách tặng phẩm~~*/
.list-gift-wrapper{
	margin: 3px;
	width: 102px;
	float: left;
	height: 180px;	
}
.list-gift{
	background-color: #FFFFFF;
    border: 0px solid #E8E8E8;
    overflow: hidden;    
}
.list-gift-content{
	display:block;
	overflow:hidden;
}
.list-gift-image{	
	background-position: center top;
	background-repeat: no-repeat;
	padding: 3px;	
	float: left;	
	width: 96px;
}
	.list-gift-image img{
		 border: 1px solid #42AA3C;
		 width: 96px;
		 height: 96px;
	}
.list-gift-info{
	padding: 3px;	
	width: 96px;
}
	.list-gift-info .name
	{
		/*color:#585858;*/
		color: #1b57A3;
		font-size: 11px;
		/*font-weight: bold;*/
		line-height: 1.2 em;
		text-decoration: none;		
		padding: 3px;
	}
		.list-gift-info .name a:link, a:visited
		{			
			color: #1b57A3;			
			text-decoration: none;			
		}
			.list-gift-info .name a:hover
			{				
				text-decoration: underline;			
			}
	
	.list-gift-info .max-gif{
		color: #990000;		
		/*font-weight: bold;	*/	
		text-decoration: none;
		text-transform: uppercase;
	}
	
	.list-gift-info .score{
		color: #F47E24;		
		/*font-weight: bold;*/	
		text-transform: uppercase;
	}
	
	.list-gift-info .number-gif{
		color: #6D9C22;		
		/*font-weight: bold;*/
		line-height: 11px;		
		text-transform: uppercase;
	}
	
	.list-gift-info .info-line{
		color: #a6acae;
		font-size: 11px;
		font-weight: normal;
		line-height: 11px;
		padding: 3px;
		text-decoration: none;		
	}

.list-gift-footer
{
	border-bottom: 2px solid #E8E8E8;
	margin-top: 5px;
}

/*~~order~~*/
.order-wrapper{
	margin: 1px 1px 5px;
	background:#FFF;
}

.order{	
	padding: 5px;
	border-bottom: 1px dashed #CCC;	
}

/*table order*/
.rounded-corner
{		
	border-collapse: collapse;
	width: 531px;
	text-align: left;		
}
.rounded-corner th
{
	padding: 8px;
	font-weight: bold;
	font-size: 13px;
	color: #2C5C77;
	/*background: #ABCBE3;*/
	border: 1px solid #2C5C77;	
}
.rounded-corner td
{
	padding: 8px;
	background: #FFF;	
	border: 1px solid #2C5C77;	
	color: #262A1D;
}
.rounded-corner tbody tr:hover td
{
	/*background: #F2F6DF;*/
}

/*~~select gift~~*/
.select-gift
{	
	padding: 5px;
	border-bottom: 1px dashed #CCC;
}

/*~~select agent~~*/
.select-agent{
	padding: 5px;	
	border-bottom: 1px dashed #CCC;
}

.select-buy
{
	padding: 5px;	
	text-align:center;
}

.info-account-wrapper{
	margin: 1px 1px 5px;
	background:#FFF;
	height:auto;
}

.info-account{
	padding: 5px;	
	overflow:hidden;	
}
	.info-account .image{
		float:left;
		width: 150px;
		height: 120px;	
		padding: 5px;
		border-right: 1px solid #2C5C77;		
	}
	.info-account .info{
		float:right;
		width: 365px;	
		padding: 5px;		
	}

.mess
{
	color:Red;
}
.button-order
{
	background: url(../image/order.png) top left no-repeat;
	border:0;
	height:50px;
	width:200px;

}
.order-min
{
	background: url(../image/order_mini.gif) top left no-repeat;
	border:0;
	height:20px;
	width:70px;
}

.order-title
{
	color : #F47E24;
	font-size : 13px;
	font-weight:bold;
	line-height : 2em;	
}


.table-danhsach
{
	font-size: 12px;
	margin: 0px;	
	text-align: left;
	border-collapse: collapse;	
}
.table-danhsach th
{
	padding: 5px 10px 5px 10px;
	font-weight: normal;
	font-size: 14px;
	background: #b9c9fe;
	color: #039;
	border-bottom: 1px dashed #69c;
}
.table-danhsach td
{
	padding: 3px 5px 3px 5px;
	color: #669;
	border-top: 1px solid #e8edff;
}
.table-danhsach tbody tr:hover td
{
	color: #339;
	background: #eff2ff;
}
